import React from 'react';
import {StyleSheet, View, Text, Image} from 'react-native';
const style = StyleSheet.create({
  loading: {
    width: '100%',
    height: 50,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  gifloading: {
    width: 30,
    height: 30,
  },
});
const LoadingFooterComponent = ({isLoading}) => {
  if (isLoading) {
    return (
      <View style={style.loading}>
        <Image
          style={style.gifloading}
          source={require('../../assets/image/loading.gif')}
        />
      </View>
    );
  } else {
    return (
      <View style={style.loading}>
        <Text> </Text>
      </View>
    );
  }
};
export default LoadingFooterComponent;
